<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>发放明细</title>
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/icon.css">
<link rel="stylesheet" href="static/easyui/themes/metro-blue/easyui.css">
</head>
<body>
<link rel="stylesheet" href="static/easyui/themes/salary-emp.css">
<style type="text/css">
	*{
		margin:0px;
		padding:0px;
	}
	.background{
		width:1100px;
		height:555px;
		margin: 0px auto;
	    margin-top: 17px;
	    background-color: #FFF;
	}
	.notice-head{
		width: 1100px;
	    height: 45px;
	    border-bottom: 1px solid #F3F3F9;
	    color: #19AA9A;
	    font-size: 18px;
	    text-align: center;
	    line-height: 45px;
	    font-weight: 700;
	}
	.es-head{
		width: 1125px;
		height:60px;
		margin:0px auto;
	}
	.head-left{
		width: 1111px;
	    height: 27px;
	    float: left;
	    margin-top: 20px;
	}
	.head-left .textbox{
		width:150px;
	}
	#mingchen{
		font-size: 14px;
	}
	#salary-name{
		width: 150px;
	    height: 20px;
	    border-radius: 3px;
	    border: 1px solid #ccc;
	}
	.table{
		width: 1020px;
		margin:0px auto;
		margin-top:20px;
		border: 1px solid #E5E5E5;		
	}
	.datagrid-header .datagrid-cell span{
		color: #19AA9A;
	    font-size: 14px;
	    font-weight: 700;
	}
	.datagrid-header .datagrid-cell,.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
		text-align: center;
	}
	.biao_button{
		background:#17AA8D;
		border-radius:3px;
		color:white;
		margin:0 4px;
		width:60px;
		height:25px;
		border:none;
		outline: none;
		cursor:pointer;
	}
	.table .datagrid .panel-body{
	 	width: 1017px;
	}
	.datagrid-header{
		height:39px;
	}
	.datagrid-header-row, .datagrid-row {
   	 	height: 40px;
	}
	.chaxun-button{
		width: 50px;
	    height: 22px;
	    border: 1px solid #18A689;
	    background-color: #18A689;
	    color: #fff;
	    border-radius: 4px;
	    margin-left: 21px;
	    line-height: 22px;
	}
	.fanhui{
		width: 76px;
	    height: 25px;
	    border: 1px solid #fff;
	    background-color: #18A689;
	    color: #fff;
	    float: left;
	    margin-left: 511px;
	    border-radius: 4px;
	    font-weight: 700;
	    font-size: 14px;
	    line-height: 25px;
	    text-align: center;
	    margin-top:30px;
	}
</style>
<script type="text/javascript">
		function add(text){
			$("#content-admin").panel({
				href:text
			});
		}
		function fanhui(){
			add("salary-pay");
		}
		$(function(){
			var s=$("#sm").val();
			$("#table_account").datagrid({
				url:'mingxid?pay_id='+s,
				singleSelect:true,			
				columns:[[{field:'staff_name',title:'用户',width:120},
						{field:'sa_base',title:'基本薪资(元)',width:100},
						{field:'si_money',title:'项目金额(元)',width:100},
	               		{field:'sd_vacation',title:'请假(元)',width:100},
	               		{field:'sd_overtime',title:'加班(元)',width:100},
	          			{field:'sd_late',title:'迟到(元)',width:100},
	          			{field:'sd_traffic',title:'缺勤(元)',width:100},
	          			{field:'sd_absent',title:'旷工(元)',width:100},	          			
	          			{field:'sd_le',title:'早退(元)',width:100},
	          			{field:'sd_bonus',title:'全勤奖(元)',width:100},	          			
	          			{field:'sd_yf',title:'应发工资(元)',width:100},
	          			{field:'sd_count',title:'实发工资(元)',width:100}
	          ]],
	          pagination:true,
			    pageNumber:1,
			    pageSize:5,
			    pageList:[5,10,15]
			});
		});
</script>
	<div class="background">
			<div class="notice-head">发放查看</div>
			<div class="table">
				<table id="table_account" class="easyui-datagrid" style="width:1017px;height:400px"></table>
			</div>
			<form class="form" method="get" action="salary-mingxi">
				<input type="hidden" id="sm" name="account_id" value="${pay }">
			</form>
			<div class="fanhui" onclick="fanhui()">返回</div>
	</div>
</body>
</html>